@font-face {
    font-family: 'Josefin Sans';
    font-weight: normal;
    src: url('../font/JosefinSans-Regular.ttf');
}

@font-face {
    font-family: 'Josefin Sans';
    font-weight: 300; /* light */
    src: url('../font/JosefinSans-Light.ttf');
}

@font-face {
    font-family: 'Josefin Sans';
    font-weight: 600; /* semibold */
    src: url('../font/JosefinSans-SemiBold.ttf');
}

@font-face {
    font-family: 'Josefin Sans';
    font-weight: bold; /* bold */
    src: url('../font/JosefinSans-Bold.ttf');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-weight: normal;
    src: url('../font/RobotoCondensed-Regular.ttf');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 900; /* black */
    src: url('../font/Roboto-Black.ttf');
}